<div class="operational-help-all" [ngStyle]="cssStr"
  [ngClass]="{'data-length-greather-than': listdata.data.length>3,'data-length-less-than':listdata.data.length<=3}">
  <div class="operational-help" [ngStyle]="getNgStyle(listdata?.cssStyle)" #divheight id="divheight">
    <div class="operational-title">
      <div class="title" *ngIf="listdata.title">{{listdata.title}}
        <span *ngIf="listdata.rightLabel.data[0].cssStyle==='cssStyle2'">{{listdata.rightLabel.data[0].label}}</span>
      </div>
      <div class="title" *ngIf="listdata.titleLeft && listdata.titleRight">
        <p style="display: inline-block;">{{listdata.titleLeft}}
          <span style="display: inline-block;width:0.09rem;height:0.56rem;
        background:rgba(39,40,46,1);margin-left: 0;"></span>
          {{listdata.titleRight}}
        </p>
        <span *ngIf="listdata.rightLabel.data[0].cssStyle==='cssStyle2'">{{listdata.rightLabel.data[0].label}}</span>
      </div>
      <div class="number" appDebounceClick (debounceClick)="opengo(listdata.rightLabel.data[0].link,1)"
        *ngIf="listdata.rightLabel.data[0].cssStyle==='cssStyle'">
        <span><img class="number-img1" [src]="listdata.rightLabel.data[0].icon" /></span>
        <span>{{listdata.rightLabel.data[0].label}}</span>
        <span><img class="number-img2" [src]="listdata.rightLabel.data[0].iconBack" /></span>
      </div>
    </div>
    
    <ng-container *ngIf="!(listdata.data.length > 3)">
      <div *ngFor="let item of  listdata.data,let i=index" >
        <div class="operational-list"  appDebounceClick (debounceClick)="opengo(item.link,2)"  [ngClass]="{'operational-list-0': i===0}">
          <div class="operational-list-title">
            <span class="img">
              <img [src]="item.icon" />
              <img class="servicelogo" *ngIf="item.service===true"
                src="assets/img/home_business_icon-service.png">
            </span>
            <span class="text">{{item.title}}</span>
          </div>
          <div class="operational-list-center">
            <div class="span1">{{item.label1}}</div>
            <div class="span2">{{item.label2}}</div>
            <span class="span3"><img [src]="item.iconBack" /></span>
          </div>
        </div>
      </div>
    </ng-container>
    

    <ng-container *ngIf="listdata.data.length > 3">
      <div *ngFor="let item of  (listdata.data.slice(0,3)),let i=index" >
        <div class="operational-list"  appDebounceClick (debounceClick)="opengo(item.link,2)"  [ngClass]="{'operational-list-0': i===0}">
          <div class="operational-list-title">
            <span class="img">
              <img [src]="item.icon" />
              <img class="servicelogo" *ngIf="item.service===true"
                src="assets/img/home_business_icon-service.png">
            </span>
            <span class="text">{{item.title}}</span>
          </div>
          <div class="operational-list-center">
            <div class="span1">{{item.label1}}</div>
            <div class="span2">{{item.label2}}</div>
            <span class="span3"><img [src]="item.iconBack" /></span>
          </div>
        </div>
      </div>

      <div style="display: none;" id="{{modalId}}" >
        <div *ngFor="let item of  (listdata.data.slice(3)),let i=index" >
          <div class="operational-list"  appDebounceClick (debounceClick)="opengo(item.link,2)">
            <div class="operational-list-title">
              <span class="img">
                <img [src]="item.icon" />
                <img class="servicelogo" *ngIf="item.service===true"
                  src="assets/img/home_business_icon-service.png">
              </span>
              <span class="text">{{item.title}}</span>
            </div>
            <div class="operational-list-center">
              <div class="span1">{{item.label1}}</div>
              <div class="span2">{{item.label2}}</div>
              <span class="span3"><img [src]="item.iconBack" /></span>
            </div>
          </div>
        </div>
      </div>
    </ng-container>
    
    
    
  </div>
  <div class="unfold"  *ngIf="listdata.data.length>3">
    <div class="unfold-icon" appDebounceClick (debounceClick)="unfold()">
      <img class="img2" [src]="imgsrc" />
    </div>
  </div>
</div>